.wea-non-standard-confirm {
  position: relative;
  width: 100%;
  height: 100%;

  &-success,
  &-failure {
    width: 100%;
    margin-bottom: 10px;
  }

  &-title {
    padding: 18px;
    text-align: center;
  }

  &-list {
    margin: 0 50px;
  }

  &-list ul {
    padding: 8px 20px;
  }

  &-list ul li {
    height: 30px;
    padding: 8px 0;
  }

  &-id {
    float: left;
    width: 50px;
  }

  &-name {
    float: left;
    width: 240px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &-msg {
    float: left;
    color: #333;
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
    cursor: default;
  }

  &-success &-list {
    color: #339900;
    border: 1px solid #c5e5d3;
    border-radius: 4px;
    background-color: rgba(248, 255, 251, 1);
  }

  &-failure &-list {
    color: #d82989;
    border: 1px solid #fdacc5;
    border-radius: 4px;
    background-color: rgba(255, 244, 247, 0.5);
  }

  &-tooltip {
    width: 200px;

    .ant-tooltip-arrow {
      border-color: transparent transparent #b5ac85;
    }

    .ant-tooltip-arrow:before {
      content: '';
      position: absolute;
      top: 1px;
      left: -4px;
      width: 0;
      height: 0;
      border-color: transparent transparent #fff8c3;
      border-style: solid;
      border-width: 0 4px 5px;
    }

    .ant-tooltip-inner {
      max-width: 100%;
      min-height: 0;
      padding: 4px 5px;
      border: 1px solid #b5ac85;
      color: #666;
      line-height: 18px;
      background-color: #fff8c3;
      border-radius: 3px;
      box-shadow: none;
    }
  }
}
